<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
    // script标签用于在HTML文档中嵌入或引用JavaScript代码
    // JavaScript可以用来实现网页的交互功能，如表单验证、动态内容更新等
    // 在这个例子中，我们定义了一个checkName函数来验证用户名长度

        function checkName() {
            let name = document.getElementById("username").value;
            let nameMsg = document.getElementById("nameMsg");
            if (name.length < 6) {
                nameMsg.innerHTML = "用户名长度不够";
                return false;
            } else {
                nameMsg.innerHTML = "用户名长度正常";
                return true;
            }
        }
        function checkPassword() {
        return true;
        }
        function checkForm() {
        return checkName() && checkPassword();
        }
    </script>
</head>
<body>
<h1>会员信息注册</h1>
<form action="in.html">
    <p>

            用户名：<input id="username" type="text" onblur="checkName()" name="username">
        <span id="nameMsg"></span>
    </p>
    <p>
        密码：<input id="password" type="password" onblur="checkPassword()" name="password">
    </p>
    <p>
       <input id="submit" type="submit" onclick="return checkForm()">
    </p>
</form>

<!--<input type="button" value="点击" onclick="clickMe()">-->
<!--<input type="button" value="点击2" id = "btn">-->
<!--<script>-->
<!--    function clickMe() {-->
<!--        alert("点击了")-->
<!--    }-->
<!--&lt;!&ndash;绑定式&ndash;&gt;-->
<!--let bt = document.getElementById("btn");-->
<!--&lt;!&ndash;    bt.onclick = function () {&ndash;&gt;-->
<!--&lt;!&ndash;        alert("点击了")&ndash;&gt;-->
<!--&lt;!&ndash;    }&ndash;&gt;-->
<!--&lt;!&ndash;    //监听 式&ndash;&gt;-->

<!--    bt.addEventListener('click',function () {-->
<!--    alert("点击了3")-->
<!--    }, false)-->
<!--</script>-->
</body>
</html>